CSS-[pseudo-classes]-a元素的偽類族


這篇主要是介紹a元素的偽類(不同的狀態),但通常我們在使用a元素第一件會做的事情就是先去除它預設的下底線以及預設的藍色文字顏色

a {
    text-decoration: none;
    color: #000;
}

a標籤的狀態順序:LVHA

我的程式碼


a:link

這個會標記出a標籤並且是擁有href屬性的a標籤

a:visited (表示已點擊過該標籤)

a:hover (滑鼠滑入時的狀態)

a:active (滑鼠點擊霎那的狀態)

#anchor element #a:link #a:visited #a:hover #a:active #text-decoration







你可能感興趣的文章

[7] 進階資料型別 part2 - Tuple

[7] 進階資料型別 part2 - Tuple

[cs50x - 2022] week4 記憶體

[cs50x - 2022] week4 記憶體

Next.js 入門:從 CRA 與 Prerender 進化至 Next.js 的歷程

Next.js 入門:從 CRA 與 Prerender 進化至 Next.js 的歷程






留言討論